/* 应用中心添加关键字样式*/
.keyword-box {border: 1px solid #ddd; width: 308px; padding: 5px;}
.keyword-input {width: 100%; margin-bottom: 10px;}
#keywords {display: inline-block; width: 230px; font-size: 15px; outline: none;float:left;}
#keyword-plus {float:left;margin-left:5px;}

#keyword-list {display: block; padding: 5px;}
.keyword-item {display: inline-block; margin: 10px 10px 0px 0px; padding: 5px 10px 5px 10px; text-align: center; font-size: 15px; background-color: #669533; color: #fff; position: relative;}
.keyword-item i {  position: absolute;right: -4px;top: -5px;bottom: 15px;cursor: pointer;color: #4A4A4A;}
/* 应用中心添加关键字样式 */

/* 预览样式*/
.preview{
position: relative;
float: left;
width: 300px;
border: 1px solid #e5e5e5;
border-bottom-width: 0;
box-sizing: border-box;
background: #fff;
-webkit-border-radius: 18px 18px 0 0;
-moz-border-radius: 18px 18px 0 0;
-ms-border-radius: 18px 18px 0 0;
-o-border-radius: 18px 18px 0 0;
border-radius: 18px 18px 0 0;
}
.preview .phoneheader{
height: 70px;
background: url('../images/goods/iphone_head.png') no-repeat center center;
}
.preview .headernext{
margin: 0;
padding: 18px 60px 0 60px;
height: 60px;
line-height: 65px;
font-size: 16px;
color: #fff;
font-weight: bold;
text-align: center;
background: url('../images/goods/titlebar.png') no-repeat;
background-size: 100%;
}
.preview .body{
width: 275px;
margin: 0 auto;
padding-bottom: 11px;
min-height: 200px;
border: 1px solid #c5c5c5;
background: #f9f9f9;
}
.preview .body .content{
  padding: 10px 8px;
  text-align: center;
  color: #666;
}
.preview .body .sendcontent{
max-width:180px;
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
cursor: pointer;
display: inline-block;
border-radius: 5px;
padding: 5px 5px;
margin:0 5px;
text-align: left;
}
.preview .body .content .fansheader{
display: inline-block;
width:30px;
height:30px;
background: url('../images/avatar_middle.gif');
background-size: 100%;
border-radius: 5px;
}
.preview .body .left .fansheader{
float:left;
}
.preview .body .right .fansheader{
float:right;
}

/* 图文回复样式*/
.preview .media {
border: 1px solid #cdcdcd;
box-shadow: 0 3px 6px #999999;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
width: 220px;
background-color: #FFFFFF;
background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#FFFFFF));
background-image: -moz-linear-gradient(top,#FFFFFF 0%,#FFFFFF 100%);
margin: 0px auto;
}
.preview .media .mediaPanel {
padding: 0px;
margin: 0px;
}
.preview .media .mediaHead {
padding: 0px 15px 4px;
border-bottom: 0px solid #D3D8DC;
color: #000000;
font-size: 20px;
}
.preview .media .mediaHead .title {
line-height: 1.2em;
margin-top: 10px;
display: block;
max-width: 312px;
text-align: left;
}
.preview .media .mediaHead {
color: #000000;
font-size: 14px;
}
.preview .media .mediaHead .time {
margin: 0px;
margin-top: 5px;
color: #B8B8B8;
background: none;
width: auto;
font-size: 2px;
}
.preview .mediaFullText .mediaImg {
width: 100%;
height:120px;
padding: 0;
margin: 0 5px;
overflow: hidden;
max-height: 164px;
}
.preview .media .mediaImg img {
width: 210px;
}
.preview .mediaFullText .mediaContentP {
margin: 12px 15px 0px;
}
.preview .mediaFullText .mediaContent {
padding: 0 0 8px;
font-size: 12px;
line-height: 1.5em;
text-align: left;
color: #8C8C8C;
}
.preview .media .mediaFooter {
-webkit-border-radius: 0px 0px 12px 12px;
-moz-border-radius: 0px 0px 12px 12px;
border-radius: 0px 0px 12px 12px;
padding: 0px;
margin-bottom: 10px;
}
.preview .media .mediaFooterbox {
border-top: 1px #CCC solid;
padding: 10px 15px;
}
/* 图文回复样式*/

/* 预览样式*/


/*应用中心添加内容*/
.marboxleft{
position: relative;
float: left;
width: 530px;
margin-left: 20px;
padding-bottom: 20px;
font-size: 14px;
}
.marboxleft .arrow , .marboxleft .arrow:after {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #d1d1d1 transparent transparent;
  position: absolute;
  left: -10px;
  top: 19px;
}
.marboxleft .postcontent{
padding: 12px 10px;
min-height: 28px;
background: #f8f8f8;
border-radius: 5px;
border: 1px solid #d1d1d1;
}
/*应用中心添加内容*/



